.blog-card-main {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color-four);
    border-radius: 2%;
    padding: 1em;
}

.blog-title {
    font-size: 1.2em;
    font-weight: bolder;
    color: var(--normal-font-color)
}
.blog-title a{
    /* text-decoration: none; */
    color: var(--font-eight);
}
.blog-title a:hover{
    color: var(--font-nine);
}
.blog-content {
    margin-top: 1em;
}
.blog-content-avatar {
    display: block;
    border: 1px solid var(--boder-two-color);
    width: fit-content;
    height: fit-content;
    float: left;
    margin-right: 0.5em;
}
.blog-content-text{
    line-height: 1.5em;
    font-size: 0.9em;
    margin: 0;
    word-wrap: break-word;
}
.blog-footer {
    margin-top: 1em;
    display: flex;
    flex-direction: row;
}
.blog-footer div{
    margin-right: 1.5em;
}
.blog-footer a{
    text-decoration: none;
    color: var(--font-ten);
}
.blog-footer a:hover{
    color: var(--normal-font-color);
}